//
//  HTAboutView.swift
//  MagaCore
//
//  Created by 谢 on 2024/8/22.
//

import SwiftUI

struct HTAboutView: View {
    var body: some View {
        HTNavigationBar {
            ScrollView(showsIndicators: false) {
                VStack(spacing: 0) {
                    Image("library_logo")
                        .resizable()
                        .frame(width: 100, height: 100)
                        .padding(.top, 148)
                    
                    Text("App Name")
                        .font(.system(size: 16, weight: .heavy))
                        .foregroundStyle(Color(hex: "#393939"))
                        .padding(.top, 8)
                    
                    Text("V1.0.0")
                        .font(.system(size: 10, weight: .regular))
                        .foregroundStyle(Color(hex: "#999999"))
                        .padding(.top, 8)
                    
                    Spacer()
                    
                    Text("Terms Of Use")
                        .font(.system(size: 12, weight: .regular))
                        .foregroundStyle(Color(hex: "#393939"))
                        .padding(.vertical, 10)
                        .frame(maxWidth: var_screenWidth - 60)
                        .background(.white)
                        .clipShape(RoundedRectangle(cornerRadius: 6))
                    
                    Text("Privacy Policy")
                        .font(.system(size: 12, weight: .regular))
                        .foregroundStyle(Color(hex: "#393939"))
                        .padding(.vertical, 10)
                        .frame(maxWidth: var_screenWidth - 60)
                        .background(.white)
                        .clipShape(RoundedRectangle(cornerRadius: 6))
                        .padding(.bottom, 50)
                        .padding(.top, 16)
                }
                .frame(height: var_screenHeight - UIDevice.ht_navigationFullHeight() - UIDevice.ht_tabBarFullHeight())
            }
        }
        .ht_title(title: "About")
        .ht_maxWidth(leading: 80, trailing: 80)
        .background(content: {
            Color(hex: "#F8F8F8")
        })
    }
}

#Preview {
    HTAboutView()
}
